<template>
    <div class="top">
      <span style="color:white">用户信息</span>
    </div>
    <div class="center">
      <div class="">
        <select class="form-select" aria-label="Default select example">
          <option selected>请选择人员类型</option>
          <option value="1">老人</option>
          <option value="2">家属</option>
          <option value="3">社工</option>
          <option value="4">医生</option>
        </select>
      </div>
      <div class="">
        <select class="form-select" aria-label="Default select example">
          <option selected>请选择小区</option>
          <option value="1">莲花湖一期</option>
          <option value="2">莲花湖二期</option>
        </select>
      </div>
      <div>
        <div class="input-group mb-3 search">
          <input type="text" class="form-control" placeholder="请输入姓名" aria-label="Recipient's username" aria-describedby="button-addon2">
          <button class="btn btn-outline-secondary" type="button" id="button-addon2">Button</button>
        </div>
      </div>
    </div>
    <div class="container1">
      <div class="older">
        <div class="oLeft"></div>
        <div class="oRight">
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
          </ul>
        </div>
      </div>
      <div class="family">
        <div class="fLeft"></div>
        <div class="fRight"></div>
      </div>
      <div class="socialW">
        <div class="sLeft"></div>
        <div class="sRight"></div>
      </div>
      <div class="doctor">
        <div class="dLfet"></div>
        <div class="dRight"></div>
      </div>
    </div>

</template>

<script>

export default {
  name: "UserINfo"

}
</script>

<style scoped>
  @import "../../assets/css/UserInfo.css";
</style>